<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="./src/vue.js"></script>

</head>
<body>

<div id="app">
   <h2>计算两个数之和</h2>
    第一个数: <input v-model="oneNum">
    第二个数: <input v-model="twoNum">
    <div>计算结果: {{result}}</div>

</div>


<script>

    new Vue({
        el: '#app',
        data:{
            oneNum:'',
            twoNum:''
        },
        computed:{ //computed 计算属性
            result:function(){
                if(this.oneNum==''||this.twoNum==''){
                    return "你还没输入"
                }else{
                    return parseInt(this.oneNum)+parseInt(this.twoNum);
                }

        }
        }
    })

</script>




</body>
</html>